<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width,  initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <!--
    width=device-width;
    height=height-viewport;
    inital-scale=1.0初始缩放比例
    uer-scalable=no;用户是否可以手动缩放
    -->
    <link rel="stylesheet" href="__STATIC__/css/bootstrap.min.css" />
    <link rel="stylesheet" href="__STATIC__/css/normalize.css" />
    <link rel="stylesheet" href="__STATIC__/css/index.css" />
    <link rel="stylesheet" href="__STATIC__/css/brand.css" />
    <script type="text/javascript" src="__STATIC__/js/jquery-3.2.1.min.js" ></script>
    <script src="__STATIC__/js/bootstrap.min.js"></script>
    <title>品牌A-Z</title>
</head>
<body>
{include file="common/inca"/}
<div class="content">
    <div class="content-left">
        {volist name="bigpowerarr" id="item"}
            <div id="{$item.brandfu_list}"></div>
            <div>
                <span style="margin: 0; display: inline-block;background-color: #ddd;width: 100%;line-height: 40px">{$item.brandfu_list}</span>
            </div>
        {volist name="smallpowerarr" id="sub"}
        {if condition="$sub.brandfu_id==$item.brandfu_id"}
            <span>{$sub.brandzi_list}</span>
        {/if}
        {/volist}
        {/volist}
    </div>
</div>

<div class="content-right">
    <a href="#A">A</a>
    <a href="#B">B</a>
    <a href="#C">C</a>
    <a href="#D">D</a>
    <a href="#E">E</a>
    <a href="#F">F</a>
    <a href="#G">G</a>
    <a href="#H">H</a>
    <a href="#I">I</a>
    <a href="#G">G</a>
    <a href="#K">K</a>
    <a href="#L">L</a>
    <a href="#M">M</a>
    <a href="#N">N</a>
    <a href="#O">O</a>
    <a href="#P">P</a>
    <a href="#Q">Q</a>
    <a href="#R">R</a>
    <a href="#S">S</a>
    <a href="#T">T</a>
    <a href="#U">U</a>
    <a href="#V">V</a>
    <a href="#W">W</a>
    <a href="#X">X</a>
    <a href="#Y">Y</a>
    <a href="#Z">Z</a>
</div>
{include file="common/footer" /}
</body>
</html>
